From: Sebastian Keller <skeller@gnome.org>
Date: Sun, 11 Dec 2022 17:28:26 +0000 (+0100)
Subject: quickSettings: Ensure toggle buttons are aligned with the pixel grid
X-Git-Tag: archive/raspbian/50.5-1+rpi1~1^2~405^2^2~205
X-Git-Url: https://dgit.raspbian.org/%22http://www.example.com/cgi/%22/%22http:/www.example.com/cgi/%22?a=commitdiff_plain;h=3b216be637f625815cc873492d8cbcbbd78b3a57;p=gnome-shell.git

quickSettings: Ensure toggle buttons are aligned with the pixel grid

If the width of the menu was not a multiple of the number of columns,
the toggle buttons after the first column would not be aligned with the
pixel grid. This was causing text rendering issues and slightly blurry
icons.

Closes: https://gitlab.gnome.org/GNOME/gnome-shell/-/issues/6210
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/2577>
---

diff --git a/js/ui/quickSettings.js b/js/ui/quickSettings.js
index e3bbe21c0..f35a15c3d 100644
--- a/js/ui/quickSettings.js
+++ b/js/ui/quickSettings.js
@@ -543,7 +543,7 @@ const QuickSettingsLayout = GObject.registerClass({
             : [0, 0];
 
         const availWidth = box.get_width() - (this.nColumns - 1) * this.column_spacing;
-        const childWidth = availWidth / this.nColumns;
+        const childWidth = Math.floor(availWidth / this.nColumns);
 
         this._overlay?.allocate_available_size(0, 0, box.get_width(), box.get_height());